<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Onderwijsloket - Gemeente Den Haag</title>
<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" media="screen" type="text/css">
<link href="css/print.css" rel="stylesheet" media="print" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
</head>

<body>
<a href="#main" title="Spring naar inhoud" class="el-accessibility">Spring naar inhoud</a>
<div id="page">
<!-- header on -->
<header class="pg-head">
	<nav class="pg-hd-user">
    <div class="pg-inner cf">
      <dl class="bl-hd-nav">
        <dt>Mijn</dt>
        <dd class="lists">
        	<a href="#" title="Lijsten"><span class="icon"></span>Lijsten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Lonneke’s lijst">Lonneke’s lijst <span>(5)</span></a></li>
            <li><a href="#" title="Overleg 07-07-2013 - te bespreken">Overleg 07-07-2013 - te bespreken <span>(10)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Ter aanvulling tot 22-07-2013 <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="searches">
        	<a href="#" title="Zoekopdrachten"><span class="icon"></span>Zoekopdrachten</a>
          <!-- dropdown on -->
          <ul>
          	<li class="first"><a href="#" title="Aanvragen-OWB, Concept, 2013 - 8">Aanvragen-OWB, Concept, 2013 - 8 <span>(22)</span></a></li>
            <li><a href="#" title="Aanvragen-OWB, Aanvullen,  2013- 7">Aanvragen-OWB, Aanvullen,  2013- 7 <span>(15)</span></a></li>
            <li><a href="#" title="Ter aanvulling tot 22-07-2013">Subsidies, Actieve ouders <span>(4)</span></a></li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
        <dd class="notifications">
        	<a href="#" title="Notificaties"><span class="icon"></span>Notificaties <span class="size">12</span></a>
          <!-- dropdown on -->
          <ul class="bl-notices">
          	<li class="first reminder-red">
            	<span class="icon"></span>
              <a href="#" title="Nog 2 dagen voor indienen Onderwijsbeleid 2013 - ronde 8"><span>Nog 2 dagen</span> voor indienen Onderwijsbeleid 2013 - ronde 8</a>
            </li>
            <li class="reminder-yellow">
            	<span class="icon"></span>
              <a href="#" title="Nog 14 dagen voor aanvullen Onderwijsbeleid 2013 - ronde 7"><span>Nog 14 dagen</span> voor aanvullen Onderwijsbeleid 2013 - ronde 7</a>
            </li>
            <li class="info-yellow">
            	<span class="icon"></span>
              <a href="#" title="Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000">Extra tranche voor weekend en zomerscholen gestart voor &euro; 150.000</a>
            </li>
            <li class="more last"><a href="#" title="Meer...">Meer...</a></li>
          </ul>
          <!-- dropdown off -->
        </dd>
      </dl>
      <p class="bl-hd-user"><strong>G. van Beveren</strong>, Bestuur Lucas Onderwijs <span><a href="#" title="Uitloggen">Uitloggen</a></span></p>
    </div>
  </nav>
  <div class="pg-hd-main">
    <div class="pg-inner cf">
      <div class="bl-hd-logo"><a href="#" title="Onderwijsloket">Onderwijsloket <span>Gemeente Den Haag</span></a></div>
      <div class="el-nav-top"><a href="#" title="Menu">Menu</a></div>
      <div class="bl-hd-form">
        <form action="this">
          <label for="inp_srh">Zoek</label>
          <input id="inp_srh" type="text" placeholder="Zoek op bijv. aanvraagnummer, instelling, trefwoord..." />
          <button type="submit">Zoek</button>
        </form>
      </div>
    </div>
  </div>
</header>
<!-- header off -->
<!-- nav on -->
<nav class="pg-nav">
	<div class="pg-inner cf">
  	<ul>
    	<li><a href="#" title="Startpagina">Startpagina</a></li>
      <li><a href="#" title="Mijn aanvragen">Mijn aanvragen</a></li>
      <li><a href="#" title="Mijn meldingen">Mijn meldingen</a></li>
      <li class="active"><a href="#" title="Mijn scholen / instellingen">Mijn scholen / instellingen</a></li>
    </ul>
    <ul class="bl-links">
    	<li><a href="#" title="Subsidies &amp; voorzieningen">Subsidies &amp; voorzieningen</a></li>
      <li class="more">
      	<a href="#" title="meer...">meer...</a>
        <ul class="bl-hidden-links">
        	<li><a href="#" title="Scholen en instellingen">Scholen en instellingen</a></li>
          <li><a href="#" title="Gemeente informatie">Gemeente informatie</a></li>
          <li class="last"><a href="#" title="Contact">Contact</a></li>
        </ul>
      </li>
    </ul>
  </div>
</nav>
<!-- nav off -->
<!-- content on -->
<div class="pg-def">
	<div class="pg-inner cf">
  	<div class="bl-ds-parent cf">
      <span class="icon school-x1"></span>
      <div class="txt">
        <p class="back"><a href="#" title="Van Hoornbeekstraat 5">Van Hoornbeekstraat 5</a></p>
        <p class="grey">Gebouwnr 0461\G</p>
      </div>
    </div>
    <div class="pg-ds-wrap cf">
    	<div class="bl-ds-ttl cf">
      	<h2>Ruimtebehoefte</h2>
      </div>
      <div class="pg-ds-lft">
        <!-- block on -->
      	<div class="bl-ds-def">
        	<div class="un-ds-grey cf">
          	<h2>Actuele Ruimtebehoefte</h2>
            <a href="#modal_tip_prognose" class="help help-hide" title="Help"></a>
          </div>
          <div class="un-ds-txt">
          	<table class="bl-ds-sp">
            	<thead>
              	<tr>
                	<th>Teldatum</th>
                  <th>Totaal</th>
                  <th>Onderbouw</th>
                  <th>Gewicht</th>
                  <th>Tijdelijk</th>
                  <th>Permanent</th>
                  <th>Gym uren</th>
                </tr>
              </thead>
              <tbody>
              	<tr class="link">
                	<td>01-10-2010</td>
                  <td>309</td>
                  <td>157</td>
                  <td>192.3</td>
                  <td>16</td>
                  <td>13</td>
                  <td>16,5</td>
                </tr>
                <tr class="link">
                	<td>01-10-2009</td>
                  <td>259</td>
                  <td>128</td>
                  <td>169.2</td>
                  <td>14</td>
                  <td>11</td>
                  <td>13,5</td>
                </tr>
                <tr class="link">
                	<td>01-10-2008</td>
                  <td>239</td>
                  <td>103</td>
                  <td>159.05</td>
                  <td>12</td>
                  <td>10</td>
                  <td>12</td>
                </tr>
                <tr class="link">
                	<td>01-10-2007</td>
                  <td>242</td>
                  <td>105</td>
                  <td>163.05</td>
                  <td>13</td>
                  <td>10</td>
                  <td>13,5</td>
                </tr>
                <tr class="link">
                	<td>01-10-2006</td>
                  <td>259</td>
                  <td>113</td>
                  <td>187.8</td>
                  <td>14</td>
                  <td>11</td>
                  <td>13,5</td>
                </tr>
              </tbody>
            </table>
            <div class="el-row cf">
            	<p class="more"><a href="#" title="Meer...">Meer...</a></p>
            </div>
          </div>
        </div>
        <!-- block off -->
        <!-- block on -->
      	<div class="bl-ds-def">
        	<div class="un-ds-grey cf">
          	<h2>Prognose</h2>
            <a href="#modal_tip_actuele_ruimtebehoefte" class="help help-hide" title="Help"></a>
            <span class="e-link">
            	 <a href="#" class="graph" title="Toon in grafiek">Toon in grafiek</a>
            </span>
          </div>
          <div class="un-ds-txt bl-ds-scroll">
          	<table class="bl-ds-sp">
            	<thead>
              	<tr>
                	<th class="fixed-row"></th>
                  <th>2014</th>
                  <th>2015</th>
                  <th>2016</th>
                  <th>2017</th>
                  <th>2018</th>
                  <th>2019</th>
                  <th>2020</th>
                  <th>2021</th>
                  <th>2022</th>
                  <th>2023</th>
                  <th>2024</th>
                  <th>2025</th>
                  <th>2026</th>
                  <th>2027</th>
                  <th>2028</th>
                </tr>
              </thead>
              <tbody>
              	<tr>
                	<td class="fixed-row">Leerlingen</td>
                  <td>309</td>
                  <td>333</td>
                  <td>343</td>
                  <td>343</td>
                  <td>309</td>
                  <td>333</td>
                  <td>343</td>
                  <td>343</td>
                  <td>343</td>
                  <td>342</td>
                  <td>333</td>
                  <td>343</td>
                  <td>343</td>
                  <td>343</td>
                  <td>342</td>
                </tr>
                <tr>
                	<td class="fixed-row">Onderbouw</td>
                  <td>142</td>
                  <td>144</td>
                  <td>145</td>
                  <td>136</td>
                  <td>309</td>
                  <td>333</td>
                  <td>343</td>
                  <td>343</td>
                  <td>343</td>
                  <td>342</td>
                  <td>333</td>
                  <td>343</td>
                  <td>343</td>
                  <td>343</td>
                  <td>342</td>
                </tr>
               </tbody>
               <thead>
              	<tr class="pd">
                	<th class="fixed-row">Ruimtebehoefte</th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                  <th></th>
                </tr>
              </thead>
              <tbody>
                <tr>
                	<td class="fixed-row">Capaciteit</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                </tr>
                <tr>
                	<td class="fixed-row">Behoefte (tijdelijk)</td>
                  <td>13</td>
                  <td>13</td>
                  <td>14</td>
                  <td>14</td>
                  <td>13</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>11</td>
                  <td>11</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>11</td>
                  <td>11</td>
                </tr>
                <tr>
                	<td class="fixed-row">Behoefte (vast)</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                  <td>12</td>
                </tr>
                <tr>
                	<td class="fixed-row">Verschil</td>
                  <td><span class="red">-1</span></td>
                  <td><span class="red">-1</span></td>
                  <td><span class="red">-2</span></td>
                  <td><span class="red">-2</span></td>
                  <td><span class="red">-1</span></td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>1</td>
                  <td>1</td>
                  <td>0</td>
                  <td>0</td>
                  <td>0</td>
                  <td>1</td>
                  <td>1</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
        <!-- block off -->
      </div>
      
      <div class="pg-ds-rth">
        <!-- side block on -->
        <div class="bl-ds-side bl-ds-link cf">
          <ul>
            <li><a href="#" title="OHV voorziening aanvragen">OHV voorziening aanvragen</a></li>
          </ul>
          <span class="arrow"></span>
        </div>
        <!-- side block off -->
        <!-- side block on -->
        <div class="bl-ds-side bl-ds-toolbox cf">
          <ul>
            <li class="print"><a href="#" title="Printen">Printen</a></li>
            <li class="mail"><a href="#" title="E-mail collega">E-mail collega</a></li>
            <li class="save"><a href="#" title="Downloaden">Downloaden</a></li>
            <li class="fav"><a href="#" title="Zet op mijn lijst">Zet op mijn lijst</a></li>
          </ul>
        </div>
        <!-- side block off -->
      </div>
    </div>
  </div>
</div>
<!-- content off -->
<!-- footer on -->
<footer class="pg-foot">
	<div class="pg-inner cf">
  	<ul>
    	<li class="first">&copy; 2011-2012 Onderwijsloket Den Haag</li>
      <li><a href="#" title="Privacy statement">Privacy statement</a></li>
      <li><a href="#" title="Gebruiksvoorwaarden">Gebruiksvoorwaarden</a></li>
      <li><a href="#" title="Contact">Contact</a></li>
      <li><a href="#" title="Help">Help</a></li>
    </ul>
  </div>
</footer>
<!-- footer off -->
</div>
<!-- tooltip content on -->
<div class="bl-modal-tip" id="modal_tip_prognose">
	<h3>Tooltip: speellokaal</h3>
  <div class="el-row cf">
  	<textarea></textarea>
  </div>
  <div class="el-row cf">
  	<span class="link"><a href="#" title="Annuleren">Annuleren</a></span>
    <button class="bx-link" type="submit"><span>Bewaren</span></button>
  </div>
</div>
<div class="bl-modal-tip" id="modal_tip_actuele_ruimtebehoefte">
	<h3>Tooltip: speellokaal</h3>
  <div class="el-row cf">
  	<textarea></textarea>
  </div>
  <div class="el-row cf">
  	<span class="link"><a href="#" title="Annuleren">Annuleren</a></span>
    <button class="bx-link" type="submit"><span>Bewaren</span></button>
  </div>
</div>
<!-- tooltip content off -->
<script src="js/jq.core.js"></script>
<script src="js/jq.function.js"></script>
<script src="js/xheditor.js"></script>
</body>
</html>
